<style type="text/css">
{literal}
.sort_button {
 font-size: 11px;
 background-color: #760000;
 border: 1px solid black;
 text-align: center;
 color: #FFFFFF;
 width: 20%;
 float: left;
 margin-left: 10%;
}

.active
{
background-color: #FF0E0E;
}

.inactive
{
background-color: #760000;
}

.sort_button:hover
{
	background-color: #FF1F1F;
}

.sort_button:active
{
	background-color: #AD0606;
}

.sort_container {
	height: 15px;
	width: 100%;
	text-align: center;
}
{/literal}
</style>

	<div class="sort_container" id="sort_container{$raid_info.raid_id}" style="display: {if $container eq 'true'}block{else}none{/if};">
	<div class="sort_button {if $type eq 1}active{else}inactive{/if}" onclick="updateSignups('{$raid_info.raid_id}', '{$user_id}', '1') ;"><span style="cursor: hand;">Show by Players</span></div>
	<div class="sort_button {if $type eq 2}active{else}inactive{/if}" onclick="updateSignups('{$raid_info.raid_id}', '{$user_id}', '2');"><span style="cursor: hand;">Show by Roles</span></div>
	<!--<div class="sort_button" onclick="updateSignups('{$raid_info.raid_id}', '{$user_id}', '3');"><span style="cursor: hand;">Show by Buffs</span></div> -->
</div>